<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>错误</title>
    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">
    <link href="css/config.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <style>
        .fs-26 {
            font-size: 26px;
            margin-top: 2%;
            margin-bottom: 4%;
            color: #38383a;
        }
        
        .fs-22 {
            font-size: 16px;
            margin-top: 10px;
            margin-bottom: 10px;
            color: #5d5e60;
        }
        
        .fs-20 {
            font-size: 14px;
            margin-top: 5px;
            margin-bottom: 5px;
        }
        
        .mg-t {
            margin-top: 4%;
            margin-bottom: 10px;
        }
        
        .ta-r {
            text-align: right;
        }
        
        .ioepp {
            padding-top: 15%;
            background-color: #f0f0f0;
            width: 100%;
            height: 100%;
        }
        
        .errorimg {
            width: 300px;
            height: 300px;
        }
    </style>

</head>

<body>
    <!-- nav导航 -->
    <nav class="navbar navbar-inverse bdr-n z-ind">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <a class="navbar-brand" href="#">后台管理平台</a>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">admin <span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">设置</a></li>
                            <li><a href="#">个人中心</a></li>
                            <li onclick="logout()"><a href="#">退出</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <!-- 页面主体 -->
    <div class="dh mainbox">
        <!-- 左边菜单 -->
        <div class="navleft leftnav-bgc">
            <dl class="list_dl">
                <dt class="list_dt">
                    <span class="_after"></span>
                    <p>基础菜单</p>
                    <i class="list_dt_icon"></i>
                </dt>
                <dd class="list_dd">
                    <ul>
                        <li class="list_li">
                            <a class="list_a" href="queryTable.html">菜单管理</a>
                        </li>
                        <li class="list_li">
                            <a class="list_a" href="increaseOrEditor.html">增加编辑</a>
                        </li>
                        <li class="list_li">
                            <a class="list_a" href="fileTree.html">角色管理</a>
                        </li>
                        <li class="list_li">
                            <a class="list_a" href="error.html">错误页面</a>
                        </li>
                    </ul>
                </dd>
                <dt class="list_dt">
                    <span class="_after"></span>
                    <p>一级菜单</p>
                    <i class="list_dt_icon"></i>
                </dt>
                <dd class="list_dd">
                    <ul>
                        <li class="list_li">二级菜单</li>
                        <li class="list_li">二级菜单</li>
                    </ul>
                </dd>
                <dt class="list_dt">
                    <span class="_after"></span>
                    <p>一级菜单</p>
                    <i class="list_dt_icon"></i>
                </dt>
                <dd class="list_dd">
                    <ul>
                        <li class="list_li">二级菜单</li>
                    </ul>
                </dd>
                <dt class="list_dt">
                    <span class="_after"></span>
                    <p>一级菜单</p>
                    <i class="list_dt_icon"></i>
                </dt>
                <dd class="list_dd">
                    <ul>
                        <li class="list_li">二级菜单</li>
                    </ul>
                </dd>
            </dl>
        </div>
        <!-- 右边主显示部分 -->
        <div class="main-rightbox">
            <div class="mainrightbox">
                <!-- 路径导航 -->

                <!-- 主体部分 -->
                <div class="main_box ioepp">
                    <div class="rows">
                        <div class="col-md-8 col-md-offset-2">
                            <div class="rows">
                                <div class="col-md-5 col-sm-12 col-xs-12 ta-r">
                                    <img src="images/404.png" alt="" class="errorimg">
                                </div>
                                <div class="col-md-7 col-xs-12 col-sm-12 fs-26">
                                    <div class="fs-26">无法打开页面，可能的原因是:</div>
                                    <div class="fs-22">1.网络信号差。</div>
                                    <div class="fs-22">2.找不到请求的页面。</div>
                                    <div class="fs-22">3.输入的网址不正确。</div>
                                    <div class="mg-t">
                                        <a href="javascript:history.go(-1)" class="fs-20">&gt; 返回上一级页面 </a>
                                    </div>
                                    <div class="">
                                        <a href="login.html" class="fs-20"> &gt; 回到网站登录页面</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- 引入公共js文件 -->
    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/jquery.slimscroll.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <script>
        // 此方法为切换左边菜单的js文件
        $(".list_dt").on("click", function() {
            $('.list_dd').stop();
            $(this).siblings("dt").removeAttr("id");
            if ($(this).attr("id") == "open") {
                $(this).removeAttr("id").siblings("dd").slideUp();
            } else {
                $(this).attr("id", "open").next().slideDown().siblings("dd").slideUp();
            }
        });
        // 退出
        function logout() {
            window.location.href = "login.html";
        }
    </script>
</body>

</html>